import React, { Component } from 'react';
import Kindtab from './Kindtab';

class App extends Component {
	gosPage () {
		this.props.history.push('/search')
	}
  render() {
    return (
      	<div className="box">
      		<header className="kind-nav header">
						<div className="kindheaer">
							<i className="iconfont icon-fenlei"></i>
							<span>分类</span>
						</div>
						<div className="kindsearch">
							<div className="search-main">
								<i className="iconfont icon-icon-search"></i>
								<input className="search-ipt" onClick={this.gosPage.bind(this)} type="text" placeholder="时尚潮流风向看这里"/>
							</div>
						</div>
					</header>
      		<div className="content kind-content">
      			<Kindtab />
      		</div>
      	</div>
    );
  }
}

export default App;
